<!doctype html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title></title> 
    <style type="text/css">
*{margin: 0;padding: 0}
div{text-align: center;transition:0.5s all ease;}

    </style>
</head>
<body>

<script type="text/javascript">
	var arr = '❄❅❆'.split('');
	//document.onmousemove()

	document.onmousemove = function(e){
		var ev = e || event;
		var oDiv = document.createElement('div');
		oDiv.innerHTML = arr[parseInt(Math.random()*3)];
		var needW = (Math.random()*30+20);
		var t = Math.random()*0.5+0.7;
		oDiv.style.width = needW+'px';
		oDiv.style.height = needW+'px';
		oDiv.style.fontSize = needW+'px';
		oDiv.style.position = 'absolute';
		oDiv.style.color = 'rgb('+parseInt(Math.random()*256)+','+parseInt(Math.random()*256)+','+parseInt(Math.random()*256)+')';
		oDiv.style.left = ev.clientX-needW/2 +'px';
		var t = ev.clientY-needW/2;
		oDiv.style.top = t +'px';
		document.body.appendChild(oDiv);
		setTimeout(function(){
			oDiv.style.transform ='translateY('+(t+30)+'px) rotate('+(Math.random()*360-180)+'deg)';
			oDiv.style.color = 'rgb('+parseInt(Math.random()*256)+','+parseInt(Math.random()*256)+','+parseInt(Math.random()*256)+')';
			oDiv.style.opacity = '0';
		},0);
		setTimeout(function(){
			oDiv.parentNode.removeChild(oDiv)

		},500);

	}
</script>
</body>
</html>